<template>
  <div class="main">
      <div id="header">
          <HomeHeader></HomeHeader>
      </div>
      <div class="content">
        <router-view></router-view>
      </div>
  </div>
</template>

<script>
import HomeHeader from "./components/Home-Header.vue";
export default {
    components:{
        HomeHeader,
    },
    mounted() {
        
    },
    data(){
        return{

        }
    },
    component:{

    },
    methods:{

    }

}
</script>

<style less="sass" scope>
.main {
}

#header{
    position: fixed;
    top:0;
    right: 0;
    left: 0;
    z-index: 1030;
    line-height:50px ;
    background: #222;
    opacity: 0.9;
    min-height: 50px;
    margin-bottom: 20px;
}
.content{

}



</style>